<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0" />
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" />
	<link rel="stylesheet" href="css/index.css">
	<title>黄泽源的网页</title>
	<script src="bootstrap/js/jquery-3.5.1.slim.min.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>
</head>

<body>
	<!--导航栏-->
	<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
		<a class="navbar-brand" href="#"><img src="images/navbar.jpg" height="30px" /></a>
		<ul class="navbar-nav mr-auto">
			<li class="nav-item">
				<a href="https://book.dangdang.com/" class="nav-link">图书</a>
			</li>
			<li class="nav-item">
				<a href="http://e.dangdang.com/index_page.html" class="nav-link">童装童鞋</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link">童书</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link">文学</a>
			</li>
			<li class="nav-item">
				<a href="#" class="nav-link">美术</a>
			</li>
		</ul>
		<form action="#" method="post" class="form-inline my-2 my-lg-0">
			<input class="form-control " type="search" placeholder="Search" aria-label="Search">
			<button class="btn btn-outline-success my-2 my-sm-0 mr-sm-2" type="submit">搜索</button>
			<a href="tushu.html" class="text-decoration-none text-light">登录</a>
			<span class="text-light">/</span>
			<a href="register.html" class="text-decoration-none text-light">注册</a>
		</form>
	</nav>
	<!--轮播图-->
	<div class="container">
		<div id="lunbo" class="carousel slide " data-ride="carousel" data-interval="2000">
			<div class="carousel-inner">
				<div class="carousel-item active">
					<a href="https://book.dangdang.com/20240603_4xs4">
						<img src="images/lunbo2.png" class="d-block w-100" height="300px" alt="这是一张轮播图" />
					</a>
				</div>
				<div class="carousel-item">
					<a href="http://shop.dangdang.com/10748">
						<img src=" images/lunbo1.png" class="d-block w-100" height="300px" alt="这是一张轮播图" />
					</a>
				</div>
				<div class="carousel-item">
					<a href="https://book.dangdang.com/20240603_nvce">
						<img src="images/lunbo3.png" class="d-block w-100" height="300px" alt="这是一张轮播图" />
					</a>
				</div>
				<div class="carousel-item">
					<a href="https://book.dangdang.com/20240327_ljjz_cp_cp">
						<img src="images/lunbo4.png" class="d-block w-100" height="300px" alt="这是一张轮播图" />
					</a>
				</div>
			</div>
			<ol class="carousel-indicators">
				<li data-target="#lunbo" data-slide-to="0" class="active yuanquan"></li>
				<li data-target="#lunbo" data-slide-to="1"></li>
				<li data-target="#lunbo" data-slide-to="2"></li>
				<li data-target="#lunbo" data-slide-to="3"></li>
			</ol>
			<a href="#lunbo" class="carousel-control-prev" role="button" data-slide="prev">
				<span class="carousel-control-prev-icon"></span>
			</a>
			<a href="#lunbo" class="carousel-control-next" role="button" data-slide="next">
				<span class="carousel-control-next-icon"></span>
			</a>
		</div>
		<h3 class="font-weight-bold mt-2">图书</h3>
		<hr class="bg-success" />

	</div>
	<!-- 抢购 -->
	<div class="container">
		<hr class="bg-dark">
		<div class="row">
			<div class="col-12 col-sm-10 col-md-9 col-lg-8 col-xl-9">
				<ul class="nav nav-pills justify-content">
					<img src="image/naozhon.png" class="shab" alt="">
					<li class="nav-item">
						<a class="nav-link active" data-toggle="tab" href="#tu1">10:00场</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" data-toggle="tab" href="#tu2">12:00场</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" data-toggle="tab" href="#tu3">14:00场</a>
					</li>
				</ul>
				<div class="tab-content">
					<!-- 第1块 -->
					<div class="tab-pane fade show active" id="tu1">
						<div class="mt-2">
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang1.jpg" height="170px" class="iig" />
									<p class="mt-2"><a href="#">爱的教育
											青少年儿童文学读... </a></p>
									<span class="dexian">￥9.9 <del>￥34.8</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;"
											title="爱的教育 青少年儿童文学读物 (中小学生课外阅读指导丛书) 无障碍阅读 彩插本">《爱的教育》</a>可以更好地提高自己的语文素养，培养自己的阅读能力和写作能力。
									</p>
								</div>
							</div>

							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang2.jpg" height="170px" class="iig" />
									<p class="mt-2"><a href="#">快乐读书吧名著导读语文阅...</a></p>
									<span class="dexian">￥9.9 <del>￥15.4</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a title="快乐读书吧 名著导读 语文阅读 中小学课外 西游记骆驼祥子海底两万里朝花夕拾爱的教育钢铁是怎样炼成的童年四大名著唐诗三百首三国演义"
											href="" style="font-size: 14px;">《朝花夕拾》</a>是鲁迅先生创作生涯中唯一的一部散文集，原名《旧事重提》
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang3.jpg" height="170px" class="iig" />
									<p class="mt-2"><a href="#">杨绛传 </a></p>
									<span class="dexian">￥9.9 <del>￥32</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" title="杨绛传"
											style="font-size: 14px;">《杨绛传》</a>作者以细腻客观的笔触，用大量鲜为人知的生活故事带领读者徜徉于杨绛先生百年过往，共同回眸那颗与世无争，却自有万种风情的优雅灵魂
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang4.jpg" height="170px" class="iig" />
									<p class="mt-2"><a href="#">小学生说文解字一年级上下... </a></p>
									<span class="dexian">￥47.9 <del>￥53.99</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" title="小学生说文解字一年级上下册 彩绘注音版 统编同步语文教科书 识字认字生字学习用书 幼小衔接教学参考资料 教师用书
						" style="font-size: 14px;">《一年级上下册彩绘注音版 统编同步语文教科书》</a>有助于帮助老师对同学们更好的指向性指导。
									</p>
								</div>
							</div>
							<div class="border qiang ">
								<div class="">
									<img src="image/qiang5.jpg " height="170px" class="iig w-100" />
									<p class="mt-2"><a href="z1.html" title="竖式计算（下册）系列">竖式计算 </a></p>
									<span class="dexian">￥7.9 <del>￥13.8</del></span>
								</div>

							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang6.jpg" height="170px" class="iig" />
									<p class="mt-2"><a href="#">歪歪兔入学准备绘本大全 </a></p>
									<span class="dexian">￥48.89 <del>￥64</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" title="歪歪兔入学准备绘本大全"
											style="font-size: 14px;">《歪歪兔入学准备绘本大全》</a>衣食住行是人类生活基本的需求，也是孩子接触科学直接的窗口。本书共分四册，挖掘生活中常见的现象和物品背后的科学原理，进行趣味化的表达。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang7.jpg" height="170px" class="iig" />
									<p class="mt-2"><a href="#">笠翁对韵+百家姓+声律...
										</a></p>
									<span class="dexian">￥4.4 <del>￥8.5</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href=""
											title="笠翁对韵+百家姓+声律启蒙+弟子规+三字经(共5册）彩图注音版 班主任推荐小学生一二三年级语文课外世界经典儿童文学名著童话故事书"
											style="font-size: 14px;">《小学生一二三年级语文课外世界经典儿童文学名著童话故事书》</a>可以更好地提高自己的语文素养，培养自己的阅读能力和写作能力。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang8.jpg" height="170px" class="iig" />
									<p class="mt-2">
										<a href="#">中国符号 中国水中国元宵... </a>
									</p>
									<span class="dexian">￥22.5 <del>￥46.3</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href=""
											title="中国符号 中国水中国元宵中国红包同心结中国爱情中国风筝中国糖画中国火锅中国茶中国筷子龙生九子(全10册，原创中国传统文化绘本)"
											style="font-size: 14px;">《中国符号》</a>风筝、同心结、糖画不仅是中国传统文化中承载着民族祝福的重要符号，也是中国传统民间手工艺的代表。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang9.gif" height="170px" class="iig" />
									<p class="mt-2"><a href="#">胡适经典套装 （四十自述+...</a>
									</p>
									<span class="dexian">￥30<del>￥60</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" title="胡适经典套装（四十自述+人生有何意义+容忍与自由）"
											style="font-size: 14px;">《胡适经典套装》</a>选编的篇目既能够很好地体现胡适思想，又照顾到了大范围受众的阅读习惯，对及趣味性和知识性的增加，具有很大的作用。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang10.jpg" height="170px" class="iig" />
									<p class="mt-2"><a href="#">城堡（卡夫卡重要作品，...
										</a>
									</p>
									<span class="dexian">￥12 <del>￥31.5</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" title="城堡（卡夫卡重要作品，20世纪重要的现代主义小说之一）"
											style="font-size: 14px;">《城堡》</a>作品讲述主人公K应聘来城堡当土地测量员，他经过长途跋涉，穿过许多雪路后，终于在半夜抵达城堡管辖下的一个穷村落。
									</p>
								</div>
							</div>

						</div>
					</div>
					<!--第2块-->
					<div class="tab-pane fade show" id="tu2">
						<div class="mt-2">
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/jiao1.png" height="170px" class="iig" />
									<p class="mt-2" title="法律常识一本全 法律常识刑法民法合同法 民法典常识全知道 拿捏分寸 跨越社交圈层的底层逻辑 认知觉醒人性的弱点"><a
											href="#">法律常识一本全 法律常识...</a></p>
									<span class="dexian">￥9.9 <del>￥34.8</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;">法律常识一本全</a>法律常识一本全 法律常识刑法民法合同法 民法典常识全知道 拿捏分寸
										跨越社交圈层的底层逻辑 认知觉醒人性的弱点
									</p>
								</div>
							</div>

							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/jiao2.png" height="170px" class="iig" />
									<p class="mt-2"><a href="#">作文指导报</a></p>
									<span class="dexian">￥9.9 <del>￥15.4</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;"
											title="作文指导报：名师一人一招教你写作文（小学高年级）小学五六年级分类优秀作文大全辅导书">《作文指导报》</a>可以更好地提高自己的语文素养，培养自己的阅读能力和写作能力。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/jiao3.png" height="170px" class="iig" />
									<p class="mt-2"><a href="#">白洋淀纪事 荷花淀...</a></p>
									<span class="dexian">￥9.9 <del>￥32</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;"
											title="白洋淀纪事（荷花淀派创始人孙犁代表作）七年级上册推荐阅读">《白洋淀纪事》</a>“百年百种优秀中国文学图书”。人们追求着理想，这理想在每个人的心里生根，越来越充实，越来越扩大。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/jiao4.png" height="170px" class="iig" />
									<p class="mt-2"><a href="#"> 写好规范字菱形十字格 </a></p>
									<span class="dexian">￥47.9 <del>￥53.99</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;"
											title="写好规范字菱形十字格">《写好规范字》</a>可以更好地提高字体精美度，提升卷面分
									</p>
								</div>
							</div>
							<div class="border qiang ">
								<div class="">
									<img src="image/jiao5.png" height="170px" class="iig" />
									<p class="mt-2"
										title="良师三步作文：作文从仿写到会写就三步初中版7年级8年级9年级国内外名篇阅读与仿写提升 写作方法技巧提高/优秀作文满分作文"><a
											href="z2.html">良师三步作文 </a></p>
									<span class="dexian">￥7.9 <del>￥13.8</del></span>
								</div>

							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/jiao6.png" height="170px" class="iig" />
									<p class="mt-2"><a href="#">弟子规</a></p>
									<span class="dexian">￥48.89 <del>￥64</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;" title="影响孩子一生的国学启蒙经典系列：弟子规+三字经+论语+声律启蒙+千字文+笠翁对韵+增广贤文+幼学琼林+百家姓+中华成语故事+唐诗三百首+孝经+千家诗+孟子
">《弟子规》</a>可以更好地提高自己的语文素养，培养自己的阅读能力和写作能力。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/jiao7.png" height="170px" class="iig" />
									<p class="mt-2"><a href="#">三国演义+水浒传+西游记...
										</a></p>
									<span class="dexian">￥4.4 <del>￥8.5</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;"
											title="三国演义+水浒传+西游记+红楼梦（4册） 彩图注音版小学生一二三年级课外阅读书世界经典文学少儿名著儿童文学童话故事书">《鲁滨逊漂流记》</a>鲁滨逊拥有直面现实、不畏困难、不灰心气馁、坚毅顽强、积极进取的创业精神，这种精神正是新兴资产者所需要的。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/jiao8.png" height="170px" class="iig" />
									<p class="mt-2">
										<a href="#">中国符号 中国水中国元宵... </a>
									</p>
									<span class="dexian">￥22.5 <del>￥46.3</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;"
											title="大唐拐点：安史之乱">《大唐拐点：安史之乱》</a>以小说式多角度叙事的方式，讲述令唐朝由盛世瞬间跌落谷底的安史之乱的来龙去脉
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/jiao9.png" height="170px" class="iig" />
									<p class="mt-2"><a href="#">芭蕉杂记（芥川龙之介充满...</a>
									</p>
									<span class="dexian">￥30<del>￥60</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;"
											title="芭蕉杂记（芥川龙之介充满人生哲学的随笔名作！翻开本书，释放内心压力，愿你生命从容！全新彩插珍藏版！）">《芭蕉杂记》</a>东野圭吾译者林青华全新译本！译自日本岩波书店1977年版！6幅原创彩插+芥川龙之介年表！今日下单，赠送精美明信片+书签各1张！读经典名著，认准作家榜！
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/jiao10.png" height="170px" class="iig" />
									<p class="mt-2"><a href="#">名人传（1915年诺贝...
										</a>
									</p>
									<span class="dexian">￥12 <del>￥31.5</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;"
											title="名人传（1915年诺贝尔文学奖获得者罗曼·罗兰的传记代表作）">《名人传》</a>一阙奋斗不息的英雄交响曲！贝多芬、米开朗琪罗和托尔斯泰三位伟大艺术家的传奇一生！
									</p>
								</div>
							</div>

						</div>
					</div>
					<!-- 第3块 -->
					<div class="tab-pane fade show" id="tu3">
						<div class="mt-2">
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/tuu1.png" height="170px" class="iig" />
									<p class="mt-2" title="爱的教育 青少年儿童文学读物 (中小学生课外阅读指导丛书) 无障碍阅读 彩插本"><a href="#">爱的教育
											青少年儿童文学读... </a></p>
									<span class="dexian">￥9.9 <del>￥34.8</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;">《爱的教育》</a>可以更好地提高自己的语文素养，培养自己的阅读能力和写作能力。
									</p>
								</div>
							</div>

							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/tuu2.png" height="170px" class="iig" />
									<p class="mt-2"
										title="快乐读书吧 名著导读 语文阅读 中小学课外 西游记骆驼祥子海底两万里朝花夕拾爱的教育钢铁是怎样炼成的童年四大名著唐诗三百首三国演义"><a
											href="#">快乐读书吧
											名著导读
											语文阅...
										</a></p>
									<span class="dexian">￥9.9 <del>￥15.4</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;">《爱的教育》</a>可以更好地提高自己的语文素养，培养自己的阅读能力和写作能力。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/tuu3.png" height="170px" class="iig" />
									<p class="mt-2" title="杨绛传"><a href="#">杨绛传 </a></p>
									<span class="dexian">￥9.9 <del>￥32</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;">《爱的教育》</a>可以更好地提高自己的语文素养，培养自己的阅读能力和写作能力。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/tuu4.png" height="170px" class="iig" />
									<p class="mt-2" title="小学生说文解字一年级上下册 彩绘注音版 统编同步语文教科书 识字认字生字学习用书 幼小衔接教学参考资料 教师用书
												"><a href="#">小学生说文解字一年级上下... </a></p>
									<span class="dexian">￥47.9 <del>￥53.99</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" style="font-size: 14px;">《爱的教育》</a>可以更好地提高自己的语文素养，培养自己的阅读能力和写作能力。
									</p>
								</div>
							</div>
							<div class="border qiang ">
								<div class="">
									<img src="image/tuu5.png" height="170px" class="iig" />
									<p class="mt-2" title="悲惨世界 中小学生课外阅读书籍世界经典文学名著青少年儿童文学读物故事书名家名译原汁原味读原著"><a href="z3.html
										">悲惨世界 </a></p>
									<span class="dexian">￥7.9 <del>￥13.8</del></span>
								</div>

							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang6.jpg" height="170px" class="iig" />
									<p class="mt-2"><a href="#">歪歪兔入学准备绘本大全 </a></p>
									<span class="dexian">￥48.89 <del>￥64</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" title="歪歪兔入学准备绘本大全"
											style="font-size: 14px;">《歪歪兔入学准备绘本大全》</a>衣食住行是人类生活基本的需求，也是孩子接触科学直接的窗口。本书共分四册，挖掘生活中常见的现象和物品背后的科学原理，进行趣味化的表达。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang7.jpg" height="170px" class="iig" />
									<p class="mt-2"><a href="#">笠翁对韵+百家姓+声律...
										</a></p>
									<span class="dexian">￥4.4 <del>￥8.5</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href=""
											title="笠翁对韵+百家姓+声律启蒙+弟子规+三字经(共5册）彩图注音版 班主任推荐小学生一二三年级语文课外世界经典儿童文学名著童话故事书"
											style="font-size: 14px;">《小学生一二三年级语文课外世界经典儿童文学名著童话故事书》</a>可以更好地提高自己的语文素养，培养自己的阅读能力和写作能力。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang8.jpg" height="170px" class="iig" />
									<p class="mt-2">
										<a href="#">中国符号 中国水中国元宵... </a>
									</p>
									<span class="dexian">￥22.5 <del>￥46.3</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href=""
											title="中国符号 中国水中国元宵中国红包同心结中国爱情中国风筝中国糖画中国火锅中国茶中国筷子龙生九子(全10册，原创中国传统文化绘本)"
											style="font-size: 14px;">《中国符号》</a>风筝、同心结、糖画不仅是中国传统文化中承载着民族祝福的重要符号，也是中国传统民间手工艺的代表。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang9.gif" height="170px" class="iig" />
									<p class="mt-2"><a href="#">胡适经典套装 （四十自述+...</a>
									</p>
									<span class="dexian">￥30<del>￥60</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" title="胡适经典套装（四十自述+人生有何意义+容忍与自由）"
											style="font-size: 14px;">《胡适经典套装》</a>选编的篇目既能够很好地体现胡适思想，又照顾到了大范围受众的阅读习惯，对及趣味性和知识性的增加，具有很大的作用。
									</p>
								</div>
							</div>
							<div class="border qiang yincanhe">
								<div class="yincanhe_top">
									<img src="image/qiang10.jpg" height="170px" class="iig" />
									<p class="mt-2"><a href="#">城堡（卡夫卡重要作品，...
										</a>
									</p>
									<span class="dexian">￥12 <del>￥31.5</del></span>
								</div>
								<div class="yincanhe_bottom">
									<p>
										<a href="" title="城堡（卡夫卡重要作品，20世纪重要的现代主义小说之一）"
											style="font-size: 14px;">《城堡》</a>作品讲述主人公K应聘来城堡当土地测量员，他经过长途跋涉，穿过许多雪路后，终于在半夜抵达城堡管辖下的一个穷村落。
									</p>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-10 col-md-4 col-md-3  col-xl-3 mt-4">
				<div class="container">
					<div id="qiangshu" class="carousel slide " data-ride="carousel" data-interval="2000">
						<div class="carousel-inner">
							<div class="carousel-item active">
								<a href="#">
									<img src="image/down1.png" class="d-block w-100" height="500px" alt="这是一张轮播图"
										id="ll1" />
								</a>
							</div>
							<div class="carousel-item">
								<a href="#">
									<img src="image/down2.png" class="d-block w-100" height="500px" alt="这是一张轮播图"
										id="ll1" />
								</a>
							</div>
						</div>
						<ol class="carousel-indicators">
							<li data-target="#qiangshu" data-slide-to="0" class="active yuanquan"></li>
							<li data-target="#qiangshu" data-slide-to="1"></li>
						</ol>
					</div>
				</div>
			</div>

		</div>

	</div>
	<!-- 服装 -->
	<div class="container mt-0">
		<hr class="bg-dark" />
		<h3 class="font-weight-bold mt-1">服装</h3>
		<hr class="bg-dark" />
		<div class="row mt-2">
			<!-- 服装left -->
			<div class="col-md-3 col-9 col-sm-9 imgfu ">
				<img src="image/8fc77308bf09b34c8752d705d1be0bf.png" width="270px" height="524px"
					class="mt-4 borderr" />
				<ul class="fuleft">
					<li>
						<a href="http://category.dangdang.com/cid4009359.html" target="_blank" class="huia"
							title="童装">童装</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4009376.html" target="_blank" class=""
							title="童鞋">童鞋</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4004873.html" target="_blank" class=""
							title="婴儿服饰">婴儿装</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4009360.html" target="_blank" class=""
							title="童装T恤">T恤</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4009369.html" target="_blank" class=""
							title="童装裤子">裤子</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4003844.html" target="_blank" class=""
							title="女装">女装</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4008149.html" target="_blank" class=""
							title="连衣裙">连衣裙</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4008151.html" target="_blank" class=""
							title="衬衫女">衬衫女</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4008152.html" target="_blank" class=""
							title="女士裤装">女士裤</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4002385.html" target="_blank" class=""
							title="跑步鞋">跑鞋</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4002378.html" target="_blank" class=""
							title="运动服装">运动服</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4009573.html" target="_blank" class=""
							title="户外服饰">户外装</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4008124.html" target="_blank" class=""
							title="男士T恤">男T</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4008121.html" target="_blank" class=""
							title="男士牛仔裤">男裤</a>
					</li>
					<li>
						<a href="http://category.dangdang.com/cid4008123.html" target="_blank" class=""
							title="男士外套">外套</a>
					</li>
					<li>
						<a href="http://search.dangdang.com/?key=%C1%B9%D0%AC&amp;category_id=4003872#J_tab"
							target="_blank" class="" title="凉鞋">凉鞋</a>
					</li>
					<li>
						<a href="http://search.dangdang.com/?key=%CC%AB%D1%F4%BE%B5&amp;act=input" target="_blank"
							class="" title="太阳镜">墨镜</a>
					</li>
					<li>
						<a href="http://search.dangdang.com/?key=%CA%D6%B1%ED&amp;act=input" target="_blank" class=""
							title="手表">手表</a>
					</li>
				</ul>
			</div>
			<!-- 服装right -->
			<div class="col-9 col-sm-3 col-md-9 ">
				<ul class="nav nav-tabs justify-content-end">
					<li class="nav-item">
						<a class="nav-link active" data-toggle="tab" href="#fu1">服装鞋包</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" data-toggle="tab" href="#fu2">男装</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" data-toggle="tab" href="#fu3">童装童鞋</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" data-toggle="tab" href="#fu4">鞋靴箱包</a>
					</li>
				</ul>
				<div class="tab-content">
					<!-- 第一块 -->
					<div class="tab-pane fade show active" id="fu1">
						<div class="row">
							<a href="http://shop.dangdang.com/10748"><img src="image/fu1.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/5936"><img src="image/fu2.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/22387"><img src="image/fu3.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/21670"><img src="image/fu4.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/10748"><img src="image/fu5.png" alt="这是一张服装图"
									width="210px" height="223px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/22635"><img src="image/fu6.png" alt="这是一张服装图"
									width="205px" height="223px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/21506"><img src="image/fu7.png" alt="这是一张服装图"
									width="228px" height="223px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/8064"><img src="image/fu8.png" alt="这是一张服装图" width="200px"
									height="223px" class="borderr-1"></a>
						</div>
					</div>
					<!-- 第二块 -->
					<div class="tab-pane fade show" id="fu2">
						<div class="row">
							<a href="http://shop.dangdang.com/8064"><img src="image/tu1.png" alt="这是一张服装图"
									height="300px" class="borderr"></a>
							<a href="http://shop.dangdang.com/5372"><img src="image/tu2.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/22520"><img src="image/tu3.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/21670"><img src="image/tu4.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/21670"><img src="image/tu5.png" alt="这是一张服装图"
									width="200px" height="223px" class="borderr"></a>
							<a href="http://shop.dangdang.com/18692"><img src="image/tu6.png" alt="这是一张服装图"
									width="215px" height="223px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/8064"><img src="image/tu7.png" alt="这是一张服装图" width="228px"
									height="223px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/8064"><img src="image/tu8.png" alt="这是一张服装图" width="200px"
									height="223px" class="borderr-1"></a>
						</div>
					</div>
					<!-- 第三块 -->
					<div class="tab-pane fade show" id="fu3">
						<div class="row">
							<a href="http://shop.dangdang.com/18692"><img src="image/p1.png" alt="这是一张服装图"
									height="300px" class="borderr"></a>
							<a href="http://shop.dangdang.com/5936"><img src="image/p2.png" alt="这是一张服装图" height="300px"
									class="borderr-1"></a>
							<a href="http://shop.dangdang.com/18692"><img src="image/p3.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/5372"><img src="image/p4.png" alt="这是一张服装图" height="300px"
									class="borderr-1"></a>
							<a href="http://shop.dangdang.com/24062"><img src="image/p5.png" alt="这是一张服装图" width="200px"
									height="223px" class="borderr"></a>
							<a href="http://shop.dangdang.com/18692"><img src="image/p6.png" alt="这是一张服装图" width="215px"
									height="223px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/11913"><img src="image/p7.png" alt="这是一张服装图" width="228px"
									height="223px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/24507"><img src="image/p8.png" alt="这是一张服装图" width="200px"
									height="223px" class="borderr-1"></a>
						</div>
					</div>
					<div class="tab-pane fade show" id="fu4">
						<div class="row">
							<a href="http://shop.dangdang.com/8603"><img src="image/pu1.png" alt="这是一张服装图"
									height="300px" class="borderr"></a>
							<a href="http://shop.dangdang.com/8603"><img src="image/pu2.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/21540"><img src="image/pu3.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/22635"><img src="image/pu4.png" alt="这是一张服装图"
									height="300px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/10748"><img src="image/pu5.png" alt="这是一张服装图"
									width="200px" height="223px" class="borderr"></a>
							<a href="http://shop.dangdang.com/21670"><img src="image/pu6.png" alt="这是一张服装图"
									width="215px" height="223px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/4236"><img src="image/pu7.png" alt="这是一张服装图" width="228px"
									height="223px" class="borderr-1"></a>
							<a href="http://shop.dangdang.com/22387"><img src="image/pu8.png" alt="这是一张服装图"
									width="200px" height="223px" class="borderr-1"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<img src="" alt="">
		</div>
	</div>
	<hr class="bg-success" />
	<!--页脚-->
	<footer class="text-center mb-3 mt-2 bg-dark text-light">
		<p class="mb-0">&copy;Copyright 2024-2030在线图书</p>
		<p><span class="text-danger mr-3 ml-3">32302140226 黄泽源</span>版权所有</p>
	</footer>
</body>

</html>